<!-- 表单交互（双向绑定）  -->

<!-- 练习：实现注册功能 -->
<script setup>
    
    import {ref} from 'vue';

    let student = ref({
        sno: 1,
        sname: "wwy1",
        hobbys: ["yy", "yx", "yj"]
    });



</script>

<template>
    {{ student }}<br/>
    学号：<input v-model="student.sno"/><br/>
    姓名：<input v-model="student.sname"/><br/>
    <input type="checkbox" v-model="student.hobbys" value="yy"/>游泳
    <input type="checkbox" v-model="student.hobbys" value="yx"/>游戏
    <input type="checkbox" v-model="student.hobbys" value="yj"/>游金
    <br/>
</template>


